<style>
    .title, .form, .imp {
        text-align: center;
    }

    .title {
        padding-top: 29px;
        font-size: 16px;
        font-family: MicrosoftYaHei-Bold;
        color: rgba(58, 63, 81, 1);
        padding-bottom: 25px;
        border-bottom: solid 1px #DCE4F7;
        font-weight: bold;
    }

    .right_content ul {
        margin-top: 63px;
    }

    .right_content ul li {
        line-height: 40px;
        height: 40px;
        position: relative;
        width: 863px;
        margin-bottom: 30px;

    }

    .right_content ul input {
        position: absolute;
        right: 10px;
        vertical-align: middle;
    }

</style>
<div class="right_content">
    <div class="title">
        账号安全
    </div>
    <ul>
        <li>
            <span>手机号码：</span><span style="margin-left: 27px">17625925624</span>
            <input style="background: #6C96D4" onclick="doredrit('xgsjhm')"
                   class="button larger" value="修改">
        </li>
        <li><span>邮箱账号：</span><span style="margin-left: 27px">可以使用安全邮箱2***3@qq.com马上登录</span><input
                style="background: #6C96D4" class="button larger" onclick="doredrit('xgyxhm')"value="修改">
        </li>
        <li><span>登陆密码：</span><span style="margin-left: 27px">建议您经常修改密码，以保证账号更加安全</span><input
                style="background: #6C96D4" class="button larger"onclick="doredrit('xgmm')" value="修改">
        </li>
    </ul>

</div>
<script>
    page("xgsjhm", function () {
        $.get("content/changephone.html", function (r) {
            $("#_content").html(r);
        }, "html");
    });
    page("xgyxhm", function () {
        $.get("content/changeemail.html", function (r) {
            $("#_content").html(r);
        }, "html");
    });
    page("xgmm", function () {
        $.get("content/changepassword.html", function (r) {
            $("#_content").html(r);
        }, "html");
    });

    function doredrit(router_name) {
        page(router_name);
    }
</script>